/* pages/payRecord/payRecord.wxss */
.card{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    box-shadow:0 0.1rem  0.1rem 0rem rgb(245, 245, 245);
    margin-bottom: 0.2rem;
    background: #fff;
  }
  html{
    height: 100%;
  }
  body{
      font-size: 0.16rem;
      background: #f5f5f5;
      height: 100%;
  }
  .card-top{
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid rgb(221, 218, 218);
     padding: 0.1rem;
     color: rgb(156, 156, 156);
  }
  .card-top1{
    border-left: 0.04rem solid #ff8635;
    padding-left: 0.03rem;
  }
  .card-middle{
    display: flex;
    padding:0.1rem
  }
  .card-middle1{
    width: 0.7rem;
    height: 0.6rem;
  }
  .card-middle2{
    flex:1;
    margin-left: 0.05rem;
    
  }
  .card-middle22{
    font-size: 0.14rem;
    color: #a8a7a7;
    margin-top: 0.1rem;
  }
  .card-middle32{
    font-size: 0.14rem;
    color: #a8a7a7;
    text-decoration:line-through
  }
  .card-middle3{
   text-align: right;
  }
  .card-buttom{
    border:1px solid #cac9c9;
   color: #a8a7a7;
    /* width:0.7rem;
    height:0.2rem; */
    border-radius: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 0.1rem;
  }
  .card-buttom2{
    display: flex;
    padding:0 0.1rem 0.1rem 0.1rem;
    justify-content: flex-end;
    padding-top:0.07rem;
    border-top: 1px solid rgb(212, 211, 211);
  }
  .pay {
    border:1px solid #d93b3b;
    color: #d93b3b;
     /* width:0.7rem;
     height:0.2rem; */
     border-radius: 0.04rem;
     display: flex;
     justify-content: center;
     align-items: center;
     padding:0 0.1rem;
     margin-left: 0.2rem;
  }
  .header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.4rem;
    background: #f5f5f5;
    font-weight: 600;
    position: relative;
    
  }
  .back{
    position: absolute;
    left: 0.10rem;
    top:0.1rem
  }
  .time{
    font-size: 0.14rem;
    color:rgb(174, 175, 174);
    margin-top:0.1rem
  }
  